
.wrap {
    display: flex;
    flex-direction: column;
    flex: 1 0;
}

.leftBar {
    display: flex;
    flex-flow: column;
    height: 100%;
    .logo {
        img {
            display: inline-block;
            width: 32px;
            vertical-align: middle;
            margin-right: 10px
        }
        height: 56px;
        font-size: 20px;
        text-align: center;
        line-height: 56px;
        color: #fff;
        background-color: #222;
    }
    .fixBottom {
        border-right: 1px solid #999;
        height: 1px;
        flex-grow: 1;
        background-color: #333
    }
}

:global {
    .dataTool {
        padding: 10px 0;
        margin-bottom: 10px;
        display: flex;
        .buttonWrap {
            button {
                margin-right: 5px
            }
        }
        .filterWrap {
            flex-grow: 1;
            text-align: right;
        }
    }
    .breadcrumb {
        height: 44px;
        line-height: 44px;
        padding-left: 20px;
        flex: 0 0 auto;
        border-bottom: 1px solid #ddd
    }
    .content-inner {
        padding: 20px;
        flex: 0 1 auto;
        overflow: auto;
    }
    .ant-table {
        background-color: #fff;
    }
    #root {
        .ant-switch-checked {
            border-color: #17bdff;
            background-color: #b2f3ff;
            .ant-switch-inner {
                color: #2b66a3;
            }
        }
    }
}
